<%-- 
    Document   : inicio
    Created on : 14/04/2014, 06:40:35 PM
    Author     : Christian
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <title>Emma</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <link href="css/bootstrap.css" rel="stylesheet">

    </head>

    <body style="box-shadow: none">

        <div class="site-wrapper">

            <div class="site-wrapper-inner">

                <div class="cover-container">

                    <img src="img/wp1.jpg" style="width: 100%;height: 80px"/>

                    <div align="right">
                        <p style="text-shadow: none;font-size: 16px; color: #009999"><span class="glyphicon glyphicon-ok-circle"></span>&nbsp;Juanito Alimaña de los Palotes &nbsp;&nbsp;&nbsp;</p>
                    </div>

                    <div align="center" style="font-size: 25px">
                        <i><img src="img/list.png" style="width: 40px"/>&nbsp;Cursos</i>
                    </div>
                    <hr>
                    <br>

                    <div class="inner cover">

                        <div class="row">
                            <div class="col-md-1" style="width: 5%"></div>
                            <div class="col-md-2" align="right" style="border-right: 1px dashed #cccccc">
                                <div align="center"><spam style="font-size: 20px;color: #555555"><u>Enlaces</u></spam></div>
                                <br><br>
                                <div align="left">
                                    <a href="inicio.html"><span class="glyphicon glyphicon-th-list"></span><spam style="font-size: 16px;color: #777777">&nbsp;&nbsp;Cursos</spam><hr></a>
                                    <a href="perfil.html"><span class="glyphicon glyphicon-user"></span><spam style="font-size: 16px;color: #777777">&nbsp;&nbsp;Perfil</spam><hr></a>
                                    <a href="notas.html"><span class="glyphicon glyphicon-list-alt"></span><spam style="font-size: 16px;color: #777777">&nbsp;&nbsp;Notas</spam><hr></a>
                                    <a href=""><span class="glyphicon glyphicon-calendar"></span><spam style="font-size: 16px;color: #777777">&nbsp;&nbsp;Asistencia</spam><hr></a>
                                    <a href="colegio.html"><span class="glyphicon glyphicon-home"></span><spam style="font-size: 16px;color: #777777">&nbsp;&nbsp;Colegio</spam></a>
                                </div>
                            </div>
                            <div class="col-md-1" style="width: 5%"></div>
                            <div class="col-md-7" align="left">
                                <table class="table table-striped">
                                    <thead>
                                        <tr>
                                            <th>Codigo</th>
                                            <th>Curso</th>
                                            <th>Profesor</th>
                                            <th>Correo</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>1</td>
                                            <td>Matemática</td>
                                            <td>Otto</td>
                                            <td><a href="">otto@emma.pe</a></td>
                                        </tr>
                                        <tr>
                                            <td>2</td>
                                            <td>Lenguaje</td>
                                            <td>Jason</td>
                                            <td><a href="">jason@emma.pe</a></td>
                                        </tr>
                                        <tr>
                                            <td>3</td>
                                            <td>Química</td>
                                            <td>Larry</td>
                                            <td><a href="">larry@emma.pe</a></td>
                                        </tr>
                                    </tbody>
                                </table>
                                
                            </div>
                        </div>


                    </div>
                    <br><br>
                    <div align="center">
                        <hr>
                        <div class="inner">
                            <p>Proyecto <a href="http://www.massivedynamics.pe/emma.html"><spam style="color: #0099ff;font-size: 17px">E</spam><spam style="color: #666666;font-size: 17px">MM</spam><spam style="color: red;font-size: 17px">A</spam></a></p>
                        </div>
                    </div>

                </div>

            </div>

        </div>

        <!-- Bootstrap core JavaScript
        ================================================== -->
        <!-- Placed at the end of the document so the pages load faster -->
        <script src="js/jquery.min.js"></script>
        
        <script src="js/docs.min.js"></script>
    </body>
</body>
</html>
